body{
    background-image: url(../image/bj.jpg);
    background-repeat: no-repeat;
    font-size: 14px;
}


a{
    text-decoration: none;
}


.left{
    float: left;
}


.logo{
    width: 252px;
    height: 50px;
    position: absolute;
    top: 8%;
    left: 5%;
}


.logo img{
    width: 100%;
}


.sologan{
    position: absolute;
    top: 40%;
    left: 10%;
}


.sologan h1{
    font-size: 100px;
    color: #fff;
    line-height: 10px;
}


.sologan p{
    font-size: 45px;
    color: rgb(219, 207, 72);
}


.footer{
    position: absolute;
    bottom: 2%;
    left: 5%;
    color: #fff;
}


.right{
    position: absolute;
    right: 6%;
    top: 15%;
    height: 532px;
    width: 380px;
    background-color: rgba(255,255,255, 0.6);
    border-radius: 25px;
    padding: 50px;
}


table,tr,td{
    width: 100%;
}


tr{
    height: 70px;
}


caption{
    font-size: 40px;
    text-align: left;
    font-weight: 700;
}


label{
    color: #333;
    margin-right: 20px;
    width: 20%;
}


input{
    width: 80%;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    vertical-align: top;
}


.input-mini{
    width: 45%;
    margin-right: 5%;
}

.get{
    width: 30%;
    border-radius: 5px;
    background-color: rgb(28, 26, 189);
    border: 1px solid #ccc;
    color: rgb(255, 255, 255);
    text-align: center;
    height: 40px;
}


.resgit{
    width: 100%;
    height: 40px;
    border: none;
    border-radius: 20px;
    background-color: rgb(28, 26, 189);
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: bold;
    margin: 20px 0 20px 0;
}


.check{
    line-height: 14px;
    height: 14px;
    width: 14px;
}